<template>
  <div class="app-container">
    <el-table :data="tableData" height="650" style="width: 100%">
    <el-table-column label="图片">
      <template #default="scope">{{ scope.row.date }}</template>
    </el-table-column>
    <el-table-column property="name" label="ViT-B-16">
      <template #default=""> ✅ </template>
    </el-table-column>
    <el-table-column
      property="address"
      label="ViT-L-14"
    >
      <template #default=""> ✅ </template>
    </el-table-column>
    <el-table-column
      property="address"
      label="ViT-L-14-336"
    >
    <template #default=""> ❌ </template>
    </el-table-column>
    <el-table-column type="selection" width="55" />
  </el-table>
  <div style="display: flex;">
    <el-button style="flex: 1;" type="primary">删除所选</el-button>
    <el-button style="flex: 1;" type="primary">清空数据库</el-button>
  </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'Databases',
  data() {
    return {
      tableData: [
        {
          date: 'cake_image_1.jpg',
          name: 'Aleyna Kutzner',
          address: 'Lohrbergstr. 86c, Süd Lilli, Saarland'
        },
        {
          date: 'cake_image_2.jpg',
          name: 'Helen Jacobi',
          address: '760 A Street, South Frankfield, Illinois'
        },
        {
          date: 'cake_131.jpg',
          name: 'Brandon Deckert',
          address: 'Arnold-Ohletz-Str. 41a, Alt Malinascheid, Thüringen'
        },
        {
          date: 'cad_131.png',
          name: 'Margie Smith',
          address: '23618 Windsor Drive, West Ricardoview, Idaho'
        },
        {
          date: '111d_131.png',
          name: 'Aleyna Kutzner',
          address: 'Lohrbergstr. 86c, Süd Lilli, Saarland'
        },
        {
          date: '1d_131.png',
          name: 'Helen Jacobi',
          address: '760 A Street, South Frankfield, Illinois'
        },
        {
          date: '111d_123451.png',
          name: 'Brandon Deckert',
          address: 'Arnold-Ohletz-Str. 41a, Alt Malinascheid, Thüringen'
        },
        {
          date: 'qwrdwqd.png',
          name: 'Margie Smith',
          address: '23618 Windsor Drive, West Ricardoview, Idaho'
        },
        {
          date: '234.jpg',
          name: 'Aleyna Kutzner',
          address: 'Lohrbergstr. 86c, Süd Lilli, Saarland'
        },
        {
          date: '2345.png',
          name: 'Helen Jacobi',
          address: '760 A Street, South Frankfield, Illinois'
        },
        {
          date: '23456.png',
          name: 'Brandon Deckert',
          address: 'Arnold-Ohletz-Str. 41a, Alt Malinascheid, Thüringen'
        },
        {
          date: 'qwfgdsa.png',
          name: 'Margie Smith',
          address: '23618 Windsor Drive, West Ricardoview, Idaho'
        },
        {
          date: 'asda.png',
          name: 'Aleyna Kutzner',
          address: 'Lohrbergstr. 86c, Süd Lilli, Saarland'
        },
        {
          date: 'q234wfgdsa.png',
          name: 'Helen Jacobi',
          address: '760 A Street, South Frankfield, Illinois'
        },
        {
          date: 'q234wsa.png',
          name: 'Brandon Deckert',
          address: 'Arnold-Ohletz-Str. 41a, Alt Malinascheid, Thüringen'
        },
        {
          date: 'q234wfgdsa.png',
          name: 'Margie Smith',
          address: '23618 Windsor Drive, West Ricardoview, Idaho'
        }
      ]
    };
  },
  created() {
  },
  methods: {
  }
});
</script>
